$(function () {
    // 注册页面js功能1：实现tab栏切换
    var index;
    $(".nav-tabs>a").click(function () {
        $(this).addClass("choise").siblings("a").removeClass("choise");
        index = $(this).index();
        console.log(index);
        $(".login-box").eq(index).show().siblings(".login-box").hide();
    });


    // 注册页面js功能2：当点击 "手机短信登录/注册"文字时 , 账号框和密码框变为手机号码框和短信验证码框并改变对应文字内容 , 反之
    var flag = true;
    $(".message>a").click(function () {
        if (flag === true){
            $(".form1").hide().siblings(".form2").show();
            $(this).text("用户名密码登录");
            $(".reg-forget-link").children().hide();
            $(".reg-forget-link").children(".reg").show().text("收不到验证码？");
            $(".login-btn>input").val('立即登录/注册')
            flag = false;
        }
        else{
            $(".form1").show().siblings(".form2").hide();
            $(this).text("手机短信登录/注册")
            $(".reg-forget-link").children().show();
            $(".reg-forget-link").children(".reg").text("立即注册")
            $(".login-btn>input").val('登录')
            flag = true;
        }
    });


    // 注册页面js功能3：当点击 "扫码登录" 下面的问号时 , 常见答疑框出现 , 点击叉号则消失
    $(".question-mark").click(function () {
        $(".modal_container").show();
        $(".modal-tip").show()
    });
    $(".modal_tip_close").click(function () {
        $(".modal_container").hide();
        $(".modal-tip").hide()
    });


    var regtel = /^1[3|4|5|7|8]\d{9}$/; // 手机号码的正则表达式
    var regpwd = /^[a-zA-Z0-9_-]{6,16}$/; // 密码的正则表达式
    var regmsg = /^\d{6}$/;  // 验证码的正则表达式


    // 注册页面js功能4：:检查登录页面输入是否符合标准
    $(".login-btn").click(function () {

            if (regtel.test($(".bbtn").val()) && regpwd.test($(".psw").val())) {
                $(window).attr('location','index.html');
                $(".login").hide().siblings(".reg").hide().siblings(".sep1").hide().siblings(".use-name").show()
                    .siblings(".order").show();
            } else if($(".bbtn").val() === '' && $(".psw").val() === '' || $(".bbtn").val() === ''){
                $(".error").show();
                $(".error_con").text("请输入账号");
                $(".form-content1").css("border-color" , "#ff6700")
            }
            else if($(".psw").val() === '' && regtel.test($(".bbtn").val()) === true){
                $(".error").show();
                $(".error_con").text("请输入密码");
                $(".form-content1").css("border-color" , "#e0e0e0")
                $(".form-content2").css("border-color" , "#ff6700")
            }
            else if(regtel.test($(".bbtn").val()) === false || regpwd.test($(".psw").val()) === false){
                $(".error").show();
                $(".error_con").text("用户名或密码不正确");
                $(".form-content1").css("border-color" , "#ff6700")
            }

            if($(".phone-number>input").val() !== '' && $(".identifying-code>input").val() === ''){
                $(".num_error").show();
                $(".num_error>span").text('请输入短信验证码')
                $(".identifying-code").css("border-color" , "#ff6700")
            }
            else if($(".identifying-code>input").val() !== num){
                $(".num_error").show();
                $(".num_error>span").text('短信验证码不正确')
                $(".identifying-code").css("border-color" , "#ff6700")
            }
            else if($(".phone-number>input").val() === ''){
                $(".num_error").show();
                $(".num_error>span").text('请输入手机号')
                $(".phone-number").css("border-color" , "#ff6700")
            }
            else if(regtel.test($(".phone-number>input").val()) && $(".identifying-code>input").val() === num){
                $(window).attr('location','index.html');
            }
        });

    var time = 60
    var num = '';
    $(".code-panel").click(function () {
        if(regtel.test($(".phone-number>input").val())){
            // 获取一个六位的随机数
            for(var i = 0 ; i < 6 ; i++){
                num+= Math.floor(Math.random()*10);
            }
            $(".identifying-code>input").val(num);
            $('.code-panel').attr("disabled",true);
            var timer = setInterval(function () {
                if(time === 0){
                    clearInterval(timer);
                    $(".code-panel").attr("disabled",false);
                    $(".code-panel").text("获取验证码");
                }
                else{
                    $(".code-panel").text("还剩下" + time + '秒');
                    time--;
                }
            } , 1000)
        }
        else if($(".phone-number>input").val() !== '' && regtel.test($(".phone-number>input").val()) === false){
            $(".num_error").show();
            $(".phone-number").css("border-color" , "#ff6700")
        }
        else if($(".phone-number>input").val() === ''){
            $(".num_error").show();
            $(".num_error>span").text('请输入手机号')
            $(".phone-number").css("border-color" , "#ff6700")
        }
    })


    $(".phone-number>input").blur(function () {
        if(regtel.test($(".phone-number>input").val())){
            $(".num_error").hide();
            $(".phone-number").css("border-color" , "#e0e0e0")
        }
    })


})